<!doctype html>
<html>

<head>
	<meta charset="utf-8">
	<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"
	/>
	<meta name="format-detection" content="tephone=no,email=no,date=no,address=no">
	<link rel="stylesheet" type="text/css" href="../css/aui.css" />
	<style type="text/css">

	</style>
</head>

<body>
	<div id="content">
		<div class="aui-content">
			<div class="aui-card-list">
				<div class="aui-card-list-content">
					<img :src="live.coverImg" />
				</div>
				<!--<div class="aui-card-list-header">
					{{live.title}}
				</div>-->
				<div class="aui-card-list-footer aui-padded-t-0">
					<div class="aui-label" v-show="live.closed">
						{{live.status}}
					</div>
					<div class="aui-label aui-label-danger" v-show="!live.closed">
						{{live.status}}
					</div>
					<div>
						{{live.viewQty}}人参与
					</div>
				</div>
				<!--<div class="aui-card-list-footer aui-padded-t-0" style="background: #FFFFFF;">
					{{live.summary}}
				</div>-->
			</div>
		</div>
	</div>
</body>
<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript" src="../script/vue.min.js"></script>
<script type="text/javascript" src="../script/sockjs.js"></script>
<script type="text/javascript" src="../script/stomp.min.js"></script>
<script type="text/javascript">
	var vm;
	apiready = function () {
		var liveId = api.pageParam.id;
		vm = new Vue({
			el: "#content",
			data: {
				live: {},
				live_record_list: [],
				page_index: 1,
				video_player: null
			},
			ready: function () {
				//获取直播基本信息
				$api.get('http://mu.biachina.com/api/live/' + liveId, function (ret) {
					vm.live = ret;
				}, 'json');
			},
			methods: {
			}
		});
	};

</script>

</html>